<!-- 保证金 index -->
<template>
	<view class="content" style="height: 100%;">
		<BaseNavBar :isnormal="false" title="缴纳保证金" />
		<view class="body">
			<!-- cell -->
			<view class="" v-for="(obj,idx) in items" :key="idx" @click="goDetail(obj.price)">
				<view style="padding: 15px 25px;display: flex;align-items: center;">
					<view style="display: flex;align-items: center;flex: 1;">
						<image :src="obj.icon" style="width: 22px;height: 27px;" mode="aspectFit"></image>
						<view style="font-size: 15px;color: #999999;margin-left: 12px;">{{obj.title}}</view>
					</view>
					<!-- right -->
					<image src="/static/arrow-small-right.png" style="width: 14px;height: 14px;" mode="aspectFit">
					</image>
				</view>
				<view style="height: 1px;background-color: #ebebeb"></view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				items:[
					{
						"icon": "/static/icon_bao_zheng_jin_01.png",
						"title": "高级保证金",
						"price": '1000'
					},{
						"icon": "/static/icon_bao_zheng_jin_02.png",
						"title": "中级保证金",
						"price": '500'
					},{
						"icon": "/static/icon_bao_zheng_jin_03.png",
						"title": "普通保证金",
						"price": '200'
					},
				]
			}
		},
		methods: {
			goDetail(price){
				console.log(price)
				uni.navigateTo({
					url: `/pages/bzj_details/bzj_details?price=${price}`
				})
			}
		}
	}
</script>

<style>

</style>
